<template>
  <div>
    <div class="vux-demo">
      <img class="logo" src="../assets/vux_logo.png">
      <h1> </h1>
    </div>
    <flexbox title="cell demo">
      <flexboxItem></flexboxItem>
      <flexboxItem></flexboxItem>
    </flexbox>
  </div>
</template>

<script>
import { Tabbar, TabbarItem } from 'vux'
export default {
  components: {
    Flexbox,
    FlexboxItem
  }
}
</script>

<style>
.vux-demo {
  text-align: center;
}
.logo {
  width: 100px;
  height: 100px
}
  .vux-flexbox-item{
    height: 200px;
    background: red;
  }
</style>
